<div id="dutyManager">
  <yu-panel :title="$t('dutyManager.gwgl')">
    <template slot="right">
      <yu-button-drop>
        <el-button @click="addFn" v-if="addButton">{{ $t('dutyManager.xz') }}</el-button>
        <el-button @click="modifyFn" v-if="modifyButton">{{ $t('dutyManager.xg') }}</el-button>
        <el-button @click="deleteFn" v-if="deleteButton">{{ $t('dutyManager.sc') }}</el-button>
        <el-button @click="useFn" v-if="enableButton">{{ $t('dutyManager.qy') }}</el-button>
        <el-button @click="unUseFn" v-if="disableButton">{{ $t('dutyManager.ty') }}</el-button>
        <el-button @click="openDutyUserFn" v-if="dutyUserButton">{{ $t('dutyManager.gwyh') }}</el-button>
      </yu-button-drop>
    </template>
    <el-row :gutter="24">
      <!--左侧机构树-->
      <el-col :span="5">
        <yufp-ext-tree ref="orgTree" :height="height" @node-click="nodeClickFn" :data-url="orgTreeUrl" data-id="orgId"
          data-label="orgName" data-pid="upOrgId" :data-root="dataRoot" :data-params="dataParams" lazy>
        </yufp-ext-tree>
      </el-col>
      <!--右侧列表区域-->
      <el-col :span="19">
        <!--右侧列表查询区域-->
        <yu-xform v-model="formdata" related-table-name="dutyTable" form-type="search">
          <yu-xform-group :column="4">
            <yu-xform-item :label="$t('dutyManager.gwdm')" :placeholder="$t('dutyManager.gwdm')" ctype="input"
              name="dutyCde"></yu-xform-item>
            <yu-xform-item :label="$t('dutyManager.gwmc')" :placeholder="$t('dutyManager.gwmc')" ctype="input"
              name="dutyName"></yu-xform-item>
            <yu-xform-item :label="$t('dutyManager.zt')" :placeholder="$t('dutyManager.zt')" ctype="select"
              name="dutySts" data-code="DATA_STS"></yu-xform-item>
          </yu-xform-group>
        </yu-xform>
        <!--右侧列表按钮区域-->
        <!--右侧主列表-->
        <el-table-x ref="dutyTable" :max-height="height - 140" :checkbox="true" :data-url="dutyTableUrl"
          :table-columns="tableColumns" :base-params="dutyTableParams" @custom-detail-click="infoFn">
        </el-table-x>
        <!--{{ $t('dutyManager.xz') }}{{ $t('dutyManager.xg') }}维护面板-->
        <el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="800px">
          <el-form-x ref="dutyForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled"
            label-width="100px"></el-form-x>
        </el-dialog-x>
        <!--{{ $t('dutyManager.gwyh') }}列表弹窗-->
        <el-dialog-x :center="true" :title="textMap[viewType]" :visible.sync="dialogGridVisible" height="400px"
          width="800px">
          <!--{{ $t('dutyManager.gwyh') }}列表查询-->
          <el-form-q ref="userQuery" :field-data="userQueryFields" :buttons="userQueryButtons">
          </el-form-q>
          <!--{{ $t('dutyManager.gwyh') }}列表-->
          <el-table-x ref="userTable" :max-height="height - 140" :checkbox="false" :data-url="dutyUserUrl"
            :default-load="false" :table-columns="userTableColumns">
          </el-table-x>
        </el-dialog-x>
      </el-col>
    </el-row>
  </yu-panel>

</div>